body{
	background-image: linear-gradient(180deg, #F1FFFE 0%, rgba(241,255,254,0) 100%, rgba(241,255,254,0) 100%);
	background-color: #F6F6F6;
	background-repeat: no-repeat;
}
.home{
	padding: 12px;
	padding-bottom: 57px;
	#container{
		width: 166px;
		height: 166px;
	}
	.motion{
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding: 20px 0;
		background-color: #ffffff;
		border-radius: 16px;
		.motion-data{
			.data-item{
				display: flex;
				margin-bottom: 25px;
				width: 105px;
				&:last-child{
					margin-bottom: 0;
				}
				img{
					margin-right: 10px;
					width: 30px;
					height: 30px;
				}
				.data-info{
					flex: auto;
					display: flex;
					flex-direction: column;
					.num{
						line-height: 30px;
						font-size: 20px;
						font-weight: 500;
						color: #333333;
					}
					.link{
						display: flex;
						align-items: center;
						width: 30px;
						height: 15px;
						line-height: 15px;
						color: #AAAAAA;
						background-image: url("../img/home/ic_list_enter.png");
						background-repeat: no-repeat;
						background-size: 10px 10px;
						background-position: right center;
						span{
							display: inline-block;
							font-size: 10px;
							-ms-transform: scale(1);/* IE */
							-webkit-transform: scale(0.83);/* chrome */
							-moz-transform: scale(1);/* firefox */
							-o-transform: scale(0.83);/* opera */
							transform: scale(0.83);
							transform-origin: center left;
						}
					}
				}
			}
		}
	}
	.smart-chart{
		display: flex;
		justify-content: space-between;
		margin-top: 20px;
		.smart-item{
			padding: 20px 0;
			width: 48%;
			background: #FFFFFF;
			border-radius: 16px;
			.title{
				padding: 0 20px;
				height: 22px;
				line-height: 22px;
				font-size: 16px;
				color: #333333;
			}
			.charts{
				width: 100%;
				height: 64px;
				canvas{
					width: 100%;
					height: 100%;
				}
			}
			.smart-data{
				display: flex;
				align-items: flex-end;
				padding: 5px 20px;
				line-height: 24px;
				font-size: 24px;
				font-weight: 500;
				color: #333333;
				.unit{
					margin: 0 2px;
					line-height: 1;
					font-size: 12px
				}
			}
			.time{
				padding: 0 20px;
				margin-top: 4px;
				height: 16px;
				line-height: 16px;
				font-size: 12px;
				color: #AAAAAA;
			}
			.no-data{
				text-align: center;
				img{
					width: 90px;
				}
				.text{
					margin-top: 8px;
					line-height: 16px;
					height: 16px;
					font-size: 12px;
					color: #AAAAAA;
					letter-spacing: 1px;
				}
			}
		}
	}
}